// 设置界面样式 11 20
.setting {
	margin-top: 20upx;

	.st-content {
		background-color: #fff;
		padding: 0 36upx;
		color: $color3;
		font-size: 28upx;

		.ct-item {
			line-height: 100upx;
			border-bottom: 2upx solid $bg01;
			display: flex;
			justify-content: space-between;
		}

	}

	.st-foot {
		overflow: hidden;
		margin-top: 350upx;
		.st-button {
			width: 588upx;
			height: 90upx;
			line-height: 90upx;
			margin: 0 auto;
			border-radius: 30upx;
			// background-color: #fff;
			color: $bg02;
			border: 2upx solid $bg02;
			text-align: center;
			font-size: 36upx;
		}

		.margin-top {
			margin-top: 40upx;
		}
	}
}

// 退出登录，弹窗部分
.QS_fadeInUp {
	.popup-content {
		height: 390upx;
		width: 610upx;
		background-color: white;
		border-radius: 20upx;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;

		.st-pp-title {
			margin-top: 100upx;
			font-size: 36upx;
			color: $color3;
		}

		.st-pp-button {
			margin-top: 100upx;
			display: flex;

			view {
				flex: 1;

				.st-button {
					display: inline-block;
					width: 220upx;
					height: 74upx;
					line-height: 74upx;
					font-size: 30upx;
					color: $bg02;
					border: 2upx solid $bg02;
					border-radius: 36upx;
				}

				.st-active {
					background-color: $bg02;
					color: #fff;
				}
			}
		}
	}
}

// 设置界面 end



// 个人信息界面 start
.p-info {
	.pi-icon {
		background-color: #fff;
		border-top: 2upx solid #ccc;
		border-bottom: 20upx solid $bg01;

		image {
			position: relative;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 168upx;
			height: 168upx;
			margin-top: 66upx;
			border-radius: 50%;
		}

		.pi-changeIcon {
			width: 100%;
			text-align: center;
			color: $color9;
			font-size: 24upx;
			line-height: 70upx;
		}
	}

	// 个人信息内容部分
	.pi-content {
		background-color: #fff;

		.ct-item {
			width: 95%;
			margin: 0 auto;
			display: flex;
			font-size: 28upx;
			line-height: 80upx;
			border-bottom: 2upx solid $bg01;
			.it-l {
				flex: 2;
				color: $color3;
			}
			.it-r {
				flex: 5;
				color: $color6;
				font-size: 30upx;
				input {
					margin-top: 20upx;
				}

				.woman {
					margin-left: 40upx;
				}
			}

			.youjiantou {
				text-align: right;
				margin-right: 20upx;
			}
		}
	}
}

// 个人信息界面 end

// 关注店铺 start
page {
	height: 100%;
}
.follow-stores{
	
	.shop {
		margin: 20upx 5%;
		width: 90%;
		padding: 2% 5%;
		background-color: #fff;
		border-radius: 20upx;
		
		.h-content {
			display: flex;
			align-items: center;
			
			.h-left {
				flex: 1;
			}
		
			.h-center {
				flex: 1.5;
				line-height: 1;
				margin-left: 10upx;
				.line1-text2{
					width: 100%;
					line-height: 50upx;
				}
				.attention {
					font-size: 24upx;
					color: $bg02;
				}
			}
		
			.h-right {
				flex: 3;
				text-align: right;
				color: #999;
				font-size: 24upx;
				.run {
					margin: 0 10upx;
					width: 12upx;
					height: 20upx;
				}
				.time {
					width: 2upx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					.iconfont{
						font-size: 24upx;
					}
				}
			}
		}
		.order-icon {
			min-width: 80upx;
			max-width: 80upx;
			width: 80upx;
			height: 80upx;
			border-radius: 50%;
		}
	}
}

.goods-list {
	display: flex;
	justify-content: space-around;
	> view{
		padding: 2% 0;
		display: flex;
		.goods-img {
			height: 120upx;
			width: 120upx;
			border-radius: 10upx;
		}
	}
	
}

.del-btn {
	height: 46upx;
	color: #999;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	button{
		padding: 0;
		margin: 0;
		border: 1px solid #999;
		width: 60upx;
		height: 34upx;
		line-height: 34upx;
		border-radius: 6px;
		font-size: 20upx;
		background-color: #fff;
	}
}

// 关注店铺 end


// 最近浏览 start
.rece-container{
	height: 100vh;
	width: 100vw;
	background-color: rgb(250,242,245);
	
	.rece-title{
		height: 60rpx;
		line-height: 60upx;
		background-color: #fff;
		color: #333;
		margin-top: 20upx;
		padding: 0 40upx;
		display: flex;
		justify-content: space-between;
		text{
			&:first-child{
				font-size: 30upx;
				color: $color3;
			}
		}
		.iconfont{
			font-size: 28upx;
		}
	}
	
	.rece-content{
		margin: 10upx 25upx;
		padding: 30upx 0 30upx 10upx;
		background-color: #fff;
		border-radius: 10upx;
		display: flex;
		.goods-img{
			width: 200upx;
			height: 200upx;
			border-radius: 10upx;
			margin-left: 10upx;
		}
		.rece-texts{
			font-size: 30upx;
			width: 460upx;
			color: $color3;
			margin-left: 20upx;
			margin-right: 20upx;
			.goods-details{
				margin-bottom: 95upx;
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
				word-wrap: break-word;
				white-space: normal !important;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			.item-del{
				display: flex;
				align-items: center;
				justify-content: space-between;
				// margin-top: 30upx;
			}
			.goods-price{
				font-weight: bold;
				color: rgb(255,85,125);
				font-family: Din;
				font-size: 36upx;
			}
			.icon-delect{
				float: right;
				width: 60upx;
				height: 34upx;
				border-radius: 10upx;
				border: solid 2upx #999999;
				color: #999;
				font-size: 20upx;
				margin-right: 36upx;
				margin-top: 10upx;
				text-align: center;
			}
			.delBtn{
				display: flex;
				justify-content: center;
				align-items: center;
				// float: right;
				width: 96upx;
				height: 50upx;
				border: 1px solid #999999;
				color: #333333;
				font-size: 30upx;
				border-radius: 10upx;
			}
			
			image{
				float: right;
				width: 60rpx;
				height: 60rpx;
				margin-right: 40rpx;
				margin-top: -8rpx;
			}
		}
	}
}

// 最近浏览 end